<!DOCTYPE html>
<html>

<head>
    <script src="http://localhost:35729/livereload.js"></script>
    <script id="vertex-shader" type="x-shader/x-vertex">
attribute vec4 vPosition;
attribute vec4 color;
//uniform mat4 mvpMatrix;
varying vec4 vColor;

void
main()
{
    vColor = color;
    gl_Position = vPosition;
//    gl_Position = mvpMatrix * vec4(position, 1.0);
}
</script>

    <script id="fragment-shader" type="x-shader/x-fragment">
precision mediump float;
varying vec4 vColor;

void
main()
{
    gl_FragColor = vec4( 1.0, 0.0, 0.0, 1.0 );
//    gl_FragColor = vColor;
}
</script>

    <script type="text/javascript" src="../../Common/webgl-utils.js"></script>
    <script type="text/javascript" src="../../Common/initShaders.js"></script>
    <script type="text/javascript" src="../../Common/MV.js"></script>
    <script type="text/javascript" src="triangle.js"></script>
</head>

<body>
    <canvas id="gl-canvas" width="512" height="512">
        Oops ... your browser doesn't support the HTML5 canvas element
    </canvas>
</body>

</html>